<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:sijyp="http://java.sun.com/jsf/composite/sijyp"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:a="http://xmlns.jcp.org/jsf/passthrough">

	<rich:panel id="contenedorObligaciones" style="border:none;">

		<script type="javascript">
addTextAreaCounterByClass();</script>

		<h:panelGrid id="formObligaciones" width="100%">
			<h:panelGrid columns="4" columnClasses="firstColumnStyle, , , "
				width="100%">
				<ui:include src="/general/topBienesFormsFields.xhtml">

					<ui:param name="disabledFechaRegistro"
						value="#{obligacionesManager.consulta or bienManager.reading}" />
					<ui:param name="etapaGestionValue"
						value="#{obligacionesManager.bien.tpEtapaGestion.nombre}" />
					<ui:param name="requiredEtapaGestion" value="false" />
					<ui:param name="disabledEtapaGestion" value="true" />
					<ui:param name="prepId" value="obligaciones" />
				</ui:include>
			</h:panelGrid>
		</h:panelGrid>

		<br />
		<h:panelGrid columns="4" columnClasses="firstColumnStyle, , , "
			width="100%">
			<h:panelGrid columns="2">
				<h:outputLabel
					value="${msg['bienes.situacion.obligaciones.fields.concepto']}"
					for="tipoConceptoObligaciones" />
				<h:outputLabel value="*" />
			</h:panelGrid>
			<h:panelGrid>
				<h:selectOneMenu id="tipoConceptoObligaciones"
					value="${obligacionesManager.obligacion.tpConceptoObligacion.id}"
					required="true" validatorMessage="${msg['general.requerido']}"
					requiredMessage="${msg['general.requerido']}"
					disabled="#{obligacionesManager.consulta or bienManager.reading}"
					styleClass="copceptoObligacion copceptoObligacionWidth">
					<f:selectItems
						value="#{applicationBean.getTiposConceptoObligaciones(obligacionesManager.obligacion.bien.tpBienBean.id)}" />
				</h:selectOneMenu>
				<h:message for="tipoConceptoObligaciones"
					errorClass="validationErrorMessage" showSummary="false" />
			</h:panelGrid>
			<h:outputLabel
				value="${msg['bienes.situacion.obligaciones.fields.anos']}"
				for="anosObligaciones" />
			<h:inputText id="anosObligaciones"
				value="#{obligacionesManager.obligacion.periodoObligacion}"
				styleClass="aniosObligacion aniosObligacionWidth"
				disabled="#{obligacionesManager.consulta or bienManager.reading}" />

			<h:panelGrid columns="2">
				<h:outputLabel
					value="${msg['bienes.situacion.obligaciones.fields.valorDeuda']}"
					for="deudaObligacion" />
				<h:outputLabel value="*" />
			</h:panelGrid>
			<h:panelGrid columns="2"
				columnClasses="smallPaddingRight,smallPaddingLeft">
				<h:panelGrid>
					<h:inputText id="deudaObligacion"
						validatorMessage="${msg['general.requerido']}"
						requiredMessage="${msg['general.requerido']}"
						value="#{obligacionesManager.obligacion.valorTotal}"
						styleClass="shortField shortFieldInput" required="true"
						disabled="#{obligacionesManager.consulta or bienManager.reading}">
						<f:convertNumber type="currency" maxFractionDigits="2"
							currencySymbol="" />
					</h:inputText>
					<h:message for="deudaObligacion"
						errorClass="validationErrorMessage" showSummary="false" />
				</h:panelGrid>
				<h:panelGrid>
					<h:selectOneMenu id="monedaDeudaObligacion"
						value="#{obligacionesManager.obligacion.deuda.tpMoneda}" title=""
						styleClass="trimInputField" required="true"
						validatorMessage="${msg['general.requerido']}"
						requiredMessage="${msg['general.requerido']}"
						disabled="#{obligacionesManager.consulta or bienManager.reading}">
						<f:selectItems value="#{applicationBean.tipoMonedas}" />
					</h:selectOneMenu>
					<h:message for="monedaDeudaObligacion"
						errorClass="validationErrorMessage" showSummary="false" />
				</h:panelGrid>
			</h:panelGrid>

			<h:outputLabel
				value="${msg['bienes.situacion.obligaciones.fields.fechaFacturacion']}"
				for="fechaDeFacturacionObligacion" />
			<rich:calendar id="fechaDeFacturacionObligacion"
				datePattern="dd/MM/yyyy" defaultTime="00:00:00"
				boundaryDatesMode="hidden"
				value="#{obligacionesManager.obligacion.fchObligacion}"
				dayClassFunction="obtenerEstiloDisabled" required="false"
				disabled="#{obligacionesManager.consulta or bienManager.reading}"
				inputClass="fechaFacturacionObligacion fechaFacturacionObligacionWidth" />

			<h:panelGrid columns="2">
				<h:outputLabel
					value="${msg['bienes.situacion.obligaciones.fields.deudaACapital']}"
					for="capitalObligacion" />

			</h:panelGrid>
			<h:panelGrid columns="2"
				columnClasses="smallPaddingRight,smallPaddingLeft">
				<h:panelGrid>
					<h:inputText id="capitalObligacion"
						validatorMessage="${msg['general.requerido']}"
						requiredMessage="${msg['general.requerido']}"
						styleClass="shortField shortFieldInput"
						value="#{obligacionesManager.obligacion.valorCapital}"
						disabled="#{obligacionesManager.consulta or bienManager.reading}"
						required="false">
						<f:convertNumber type="currency" maxFractionDigits="2"
							currencySymbol="" />
					</h:inputText>
					<h:message for="capitalObligacion"
						errorClass="validationErrorMessage" showSummary="false" />
				</h:panelGrid>
				<h:panelGrid>
					<h:selectOneMenu id="tipoMonedaCapitalObligacion"
						validatorMessage="${msg['general.requerido']}"
						requiredMessage="${msg['general.requerido']}"
						value="#{obligacionesManager.capital.tpMoneda}"
						required="false"
						disabled="#{obligacionesManager.consulta or bienManager.reading}">
						<f:selectItems value="#{applicationBean.tipoMonedas}" />
					</h:selectOneMenu>
					<h:message for="tipoMonedaCapitalObligacion"
						errorClass="validationErrorMessage" showSummary="false" />
				</h:panelGrid>
			</h:panelGrid>

			<h:panelGrid columns="2">
				<h:outputLabel
					value="${msg['bienes.situacion.obligaciones.fields.intereses']}"
					for="interesesObligacion" />
			</h:panelGrid>
			<h:panelGrid columns="2"
				columnClasses="smallPaddingRight,smallPaddingLeft">
				<h:panelGrid>
					<h:inputText id="interesesObligacion"
						validatorMessage="${msg['general.requerido']}"
						requiredMessage="${msg['general.requerido']}"
						styleClass="shortField shortFieldInput"
						required="false"
						value="#{obligacionesManager.obligacion.valorIntereses}"
						disabled="#{obligacionesManager.consulta or bienManager.reading}"
						>
						<f:convertNumber type="currency" maxFractionDigits="2"
							currencySymbol="" />
					</h:inputText>
					<h:message for="interesesObligacion"
						errorClass="validationErrorMessage" showSummary="false" />
				</h:panelGrid>
				<h:panelGrid>
					<h:selectOneMenu id="tipoMonedaInteresesObligacion"
						validatorMessage="${msg['general.requerido']}"
						requiredMessage="${msg['general.requerido']}"
						value="#{obligacionesManager.intereses.tpMoneda}"
						disabled="#{obligacionesManager.consulta or bienManager.reading}">
						<f:selectItems value="#{applicationBean.tipoMonedas}" />
					</h:selectOneMenu>
					<h:message for="tipoMonedaInteresesObligacion"
						errorClass="validationErrorMessage" showSummary="false" />
				</h:panelGrid>
			</h:panelGrid>
		</h:panelGrid>

		<h:panelGrid width="100%" columns="2">
			<h:outputLabel value="Observaciones" />
			<h:panelGrid>
				<h:inputTextarea id="observacionesObligaciones" style="width:100%"
					styleClass="long count250" rows="4"
					value="#{obligacionesManager.obligacion.observaciones}"
					disabled="#{obligacionesManager.consulta or bienManager.reading}"
					a:maxlength="250">
					<f:validateLength maximum="250" />
				</h:inputTextarea>
			</h:panelGrid>
		</h:panelGrid>

		<h:panelGroup style="text-align:center;" layout="block">

			<h:commandButton
				value="#{obligacionesManager.edicion ? msg['boton.adicionar'] : msg['boton.modificar']}"
				action="#{obligacionesManager.guardarObligacion()}"
				rendered="#{not obligacionesManager.consulta and not bienManager.reading}">
				<f:ajax render="contenedorObligaciones :sijypMessages"
					execute="@this contenedorObligaciones" />
			</h:commandButton>

			<h:commandButton value="${msg['boton.cancelar']}"
				action="#{obligacionesManager.clearObligaciones()}"
				rendered="#{not bienManager.reading}">
				<f:ajax render="contenedorObligaciones :sijypMessages"
					execute="@this" />
			</h:commandButton>

		</h:panelGroup>
		<br />
		<br />
		<ui:include src="obligacionesTable.xhtml" />

	</rich:panel>

</ui:composition>